:root {
  --color-primary: rgb(53, 179, 137); // #35B389
  --color-primary-hover: rgb(114, 202, 172); // #72CAAC
  --color-primary-active: rgb(43, 155, 119); // #2BB777
  --color-primary-light: rgb(235, 247, 243); // #EBF7F3
  --el-color-primary: var(--color-primary);
  --el-color-primary-light-9:var(--color-primary-light);

  --btn-primary-bg:linear-gradient(159.97deg, rgba(206,234,158,1) -140.78%,rgba(53,179,137,1) 89.45%);

  --base-font-size-sm: 14px;
  --base-font-size: 16px;
  --base-font-size-lg: 18px;
  --base-font-size-xl: 20px;
}
.big-char-mode {
  // 关怀模式
  --base-font-size-sm: 18px;
  --base-font-size: 20px;
  --base-font-size-lg: 22px;
  --base-font-size-xl: 24px;
}
html,
body,
#__nuxt {
  height: 100vh;
  margin: 0;
  padding: 0;
  font-size: var(--base-font-size);
}

html.dark {
  // background: #222;
  // color: white;
}

@font-face {
  font-family: 'syzt';
  src: url("../fonts/syzt.ttf") format('truetype');
}
img{
  pointer-events: none;
}
.el-image img{
  pointer-events: none;
}
.el-image-viewer__wrapper .el-image-viewer__canvas img{
  pointer-events: none;
}
.demo-image__preview.image-container .el-image,.el-image-viewer__canvas {
  img{
    pointer-events: all!important;
  }
}

:deep(.el-pagination.is-background) {
  --el-disabled-bg-color: #fff;
  --el-pagination-button-bg-color: #fff;
  --color: #000;
  button,
  .el-pager li {
    border: 1px solid #e8e8e8;
  }
}
